import { Line } from 'rc-progress';
import React from 'react';

export interface IProgressProps {
  percent?: number; // 0	the percent of the progress
  strokeWidth?: number; // 1 Width of the stroke. Unit is percentage of SVG canvas size
  strokeColor?: string; // #2db7f5 	Stroke color.
}

export default class LineProgress extends React.Component<IProgressProps> {
  public render() {
    return (
      <div>
        <div>
          <Line
            {...this.props}
          />
        </div>
        <div className="progress-text-div"><span className="progress-text">{this.props.percent}%</span></div>
      </div>
    );
  }
}
